<template>
    <view class="content">
		<!--主体-->
		<view class="meMain">
			<view class="mePosition">
				<view class="meMainBox">
					
					<!--头部-->
					<view class="meHead">
						<view class="btn-setting" @click="setting">设置</view>
						<view class="meHeadAvatar" v-if="user.logo">
							<image :src="user.logo" mode="aspectFill"></image>
							<navigator url="/pages/user/authentication">
							<view class="auth" v-if="user.is_realname == 0">未认证</view>
							</navigator>
							<view class="auth green" v-if="user.is_realname == 1">已实名</view>
							
						</view>
						<view class="meHeadName">
							<text>{{ user.name }}</text>
							
							<!-- <button v-if="!hasLogin" type="primary" class="btn-login" @tap="bindLogin">登录</button> -->
						</view>
						
						<view class="meVisitor">
							<view class="meVisitorLt">
								<navigator :url="'/pages/user/money'">
									<view class="meVisitorTxt_02">100元</view>
									<view class="meVisitorTxt_01">余额</view>
								</navigator>
							</view>
							<view class="meVisitorLt">
								<navigator>
									<view class="meVisitorTxt_02">{{user.position_count}}</view>
									<view class="meVisitorTxt_01">职位数</view>
								</navigator>
							</view>
							<view class="meVisitorLt">
								<navigator>
									<view class="meVisitorTxt_02">{{user.enroll_count}}</view>
									<view class="meVisitorTxt_01">报名单</view>
								</navigator>
							</view>
						</view>
					</view>
					<!--头部-->
					
					
				</view>
			
				
				<view class="txx-view mt10">
					<view class="grid">
						<view class="li border">
							<navigator url="/pages/trade/zjdetail">
								<view class="item">
									<view class=" li-l">
										<image src="../../static/user/zhiwei.png" class=""></image>
										<text>资金明细</text>
									</view>
								</view>
							</navigator>
							<navigator url="/pages/user/resume">
								<view class="item">
									<view class=" li-l">
										<image src="../../static/user/jianli.png" class=""></image>
										<text>会员认证</text>
									</view>
								</view>
							</navigator>
							<navigator url="/pages/user/company">
								<view class="item">
									<view class=" li-l">
										<image src="../../static/user/gongsi.png" class=""></image>
										<text>交易订单</text>
									</view>
								</view>
							</navigator>
						</view>
						<view class="li">
							<navigator url="/pages/team/team">
								<view class="item">
									<view class=" li-l">
										<image src="../../static/user/taocan.png" class=""></image>
										<text>团队列表</text>
									</view>
								</view>
							</navigator>
							<navigator url="/pages/article/list">
								<view class="item">
									<view class="li-l">
										<image src="../../static/user/bangzhu.png" class=""></image>
										<text>我要推广</text>
									</view>
								</view>
							</navigator>
							<navigator url="/pages/article/list">
								<view class="item">
									<view class="li-l">
										<image src="../../static/user/bangzhu.png" class=""></image>
										<text>关于我们</text>
									</view>
								</view>
							</navigator>
							<!-- <navigator url="/pages/article/list">
								<view class="item">
									<view class="li-l">
										<image src="../../static/user/bangzhu.png" class=""></image>
										<text>帮助中心</text>
									</view>
								</view>
							</navigator>
							<navigator url="/pages/article/list">
								<view class="item">
									<view class="li-l">
										<image src="../../static/user/bangzhu.png" class=""></image>
										<text>帮助中心</text>
									</view>
								</view>
							</navigator>
							<view class="item">
								<view class="li-l">
									<image src="../../static/user/lianxi.png" class=""></image>
									<text>联系我们</text>
								</view>
							</view> -->
						</view>
					</view>
				</view>
				<button  type="primary" class="btn-login bg-green-two">退出登录</button>
			</view>
			
		</view>
		<!--主体-->
    </view>
</template>

<script>
    export default {
		components: {},
		data() {
		    return {
		        user:{
					corp_id:0,
					phone:'',
					name:'15319953109',
					corp_name:'',
					logo:'../../static/img/qq.png',
					link_man:'',
					link_phone:'',
					corp_intro:'',
					money:0,
					total_money:0,
					position_count:0,
					enroll_count:0,
					is_realname:0,
					status:0
				},
				is_examine:0,//是否审批中
		    }
		},
		onLoad() {
			
		},
		onShow(){
			
		},
        methods: {
			
			setting(){
				uni.navigateTo({
					url:"/pages/user/setting"
				})
			},
        }
    }
</script>

<style>
	.meMain{ width: 100%;position: relative; }
	.meMain>image{ width: 100%;display: block;}
	.meMainBox{margin: 0 auto; }
	.mePosition{ position: absolute;top: 0;left: 0;width: 100%; }
	.meHead{ overflow: hidden;position: relative; 
		background:#36d6be;
	}
	.btn-setting{
		position: absolute;
		right: 10px;
		top: 50px;
		color:#FFF;
		display: block;
		background: #36D6BE;
		width: 60px;
		height: 30px;
		text-align: right;
		z-index: 9;
	}
	.meHeadAvatar{ margin: 60px auto 0; text-align: center;position:relative;}
	.meHeadAvatar .auth{
		position:absolute;
		left:50%;
		top:0;
		margin-left: 20px;
		background: #feae46;
		font-size: 12px;
		padding: 3px 6px 3px;
		border-radius: 15px;
		color: #FFF;
	}
	.auth.green{
		background:#55d918;
	}
	.meHeadAvatar image{ width: 150upx;height: 150upx;border-radius: 50%; }
	.meHeadName{ 
		color: #FFF;
		font-size: 16px;
		overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 
		line-height: 30px;
		margin: 0 auto;
		text-align: center;
	}
	
	.meOverBg{ background: #36d6be;overflow: hidden;}
	.meVisitor{ display: flex;flex-direction: row; }
	.meVisitorLt{ width: 50%;text-align: center;margin: 30upx 0;  border-left:1px solid #FFF;}
	.meVisitorLt:nth-child(1){ border-left:0}
	.meVisitorTxt_01{ font-size: 14px;color: #fff; line-height: 20px;}
	.meVisitorTxt_01 image{ width: 35upx;height: 35upx;vertical-align: middle;margin: 0 10upx 4upx 0; }
	.meVisitorTxt_02{ font-size: 18px;color: #fff; line-height: 32px;}
	
	.meBottom{
		margin: 0 10px 10px;
	}
	.btn-release{
		width:80%;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		background:#0FAEFF;
		color: #FFF;
		margin: 0 auto;
		text-align: center;
		display: block;
		border-radius: 15px;
		text-decoration: none;
	}
	
	.meVisitorTitle{ font-size: 30upx;color: #333333;border-bottom: 1px #F5F5F5 solid;padding: 20upx 30upx; }
	.meOrderLt{ width: 25%;text-align: center;padding: 30upx 0;transition: all 0.4s; }
	.meOrderLt:active{ background: #E2E2E2; }
	.meOrderTxt_01{  }
	.meOrderTxt_01 image{ width: 40upx;height: 40upx;display: block;margin: 0 auto 6upx; }
	.meOrderTxt_02{ font-size: 24upx;color: #666666; }
	
	.businessList{ overflow: hidden;padding: 30upx;border-bottom: 1px #F5F5F5 solid;transition: all 0.4s; }
	.businessList:active{ background: #E2E2E2; }
	.businessList:last-child{ border-bottom: none; }
	.businessListTxt{ float: left;font-size: 28upx;color: #333333; }
	.businessListTxt image{ width: 35upx;height: 35upx;vertical-align: middle;margin: 0 10upx 4upx 0; }
	.businessListYou{ float: right;font-size: 28upx;color: #333333; }
	.businessListYou image{ width: 20upx;height: 20upx;vertical-align: middle;margin: 0 0 4upx 10upx; }
	
	
	.my-zw{
		background-image: url("/static/img/user/icon-fl-001.png");
	}
	.my-jl{
		background-image: url("/static/img/user/icon-fl-002.png");
	}
	.my-gs{
		background-image: url("/static/img/user/icon-fl-003.png");
	}
	.my-tc{
		background-image: url("/static/img/user/icon-fl-004.png");
	}
	.my-bz{
		background-image: url("/static/img/user/icon-fl-005.png");
	}
	.my-lx{
		background-image: url("/static/img/user/icon-fl-009.png");
	}
	.li-l {
		width: auto;
	}
	.btn-login{
		top:20px;
		width:150px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background:#36D6BE;
		/* border: 1px solid #EEE; */
		color:#FFF;
		/* border-radius: 20px; */
		font-size: 16px;
		margin: 5px auto;
	}
	.grid{
		padding: 5px 0;
		display:block;
		background: #FFF;
	}
	.grid .li{
		overflow: hidden;
		display: block;
	}
	.grid .li .item{
		width: 33.3%;
		float: left;
		text-align: center;
	}
	.grid .li .item image{
		width: 50px;
		height: 50px;
		display: block;
		margin: 10px auto 5px;
	}
	.grid .li .item text{
		display: block;
		line-height: 30px;
		text-align: center;
		height:30px;
		overflow:hidden;
		font-size:14px;
	}
</style>
